<h1 id="Hexo-NexT-Share"><a href="#Hexo-NexT-Share" class="headerlink" title="Hexo NexT Share"></a>Hexo NexT Share</h1><p>Content Sharing Services for NexT.</p>
<p><img src="https://img.shields.io/badge/NexT-v7.3.0+-blue.svg?style=flat-square" alt="Theme Version"><br><img src="https://img.shields.io/github/package-json/v/theme-next/hexo-next-share?style=flat-square" alt="Package Version"></p>
<h2 id="Install"><a href="#Install" class="headerlink" title="Install"></a>Install</h2><pre><code class="bash">npm install --save theme-next/hexo-next-share<span class="comment">#last-release</span></code></pre>
<h2 id="Configure"><a href="#Configure" class="headerlink" title="Configure"></a>Configure</h2><p>You can config those in both <strong>hexo</strong> or <strong>theme</strong> <code>_config.yml</code>.</p>
<h4 id="Likely"><a href="#Likely" class="headerlink" title="Likely"></a>Likely</h4><p>Edit the configurations in <code>likely</code> section in the theme config file as following:</p>
<pre><code class="yml"><span class="comment"># Likely Share</span>
<span class="comment"># See: https://ilyabirman.net/projects/likely/, https://github.com/ilyabirman/Likely</span>
<span class="comment"># Likely supports four looks, nine social networks, any button text.</span>
<span class="comment"># You are free to modify the text value and order of any network.</span>
<span class="attr">likely:</span>
<span class="attr">  enable:</span> <span class="literal">true</span>
<span class="attr">  cdn:</span>
<span class="attr">    js:</span> <span class="string">//cdn.jsdelivr.net/npm/ilyabirman-likely@2/release/likely.min.js</span>
<span class="attr">    css:</span> <span class="string">//cdn.jsdelivr.net/npm/ilyabirman-likely@2/release/likely.min.css</span>
<span class="attr">  look:</span> <span class="string">normal</span> <span class="comment"># available values: normal, light, small, big</span>
<span class="attr">  networks:</span>
<span class="attr">    twitter:</span> <span class="string">Tweet</span>
<span class="attr">    facebook:</span> <span class="string">Share</span>
<span class="attr">    linkedin:</span> <span class="string">Link</span>
<span class="attr">    gplus:</span> <span class="string">Plus</span>
<span class="attr">    vkontakte:</span> <span class="string">Share</span>
<span class="attr">    odnoklassniki:</span> <span class="string">Class</span>
<span class="attr">    telegram:</span> <span class="string">Send</span>
<span class="attr">    whatsapp:</span> <span class="string">Send</span>
<span class="attr">    pinterest:</span> <span class="string">Pin</span></code></pre>
<h4 id="Need-More-Share"><a href="#Need-More-Share" class="headerlink" title="Need More Share"></a>Need More Share</h4><p>Set the value <code>enable</code> to <code>true</code>, and edit other configurations in <code>needmoreshare</code> section in the theme config file as following:</p>
<pre><code class="yml"><span class="comment"># NeedMoreShare2</span>
<span class="comment"># Dependencies: https://github.com/theme-next/theme-next-needmoreshare2</span>
<span class="comment"># For more information: https://github.com/revir/need-more-share2</span>
<span class="comment"># iconStyle: default | box</span>
<span class="comment"># boxForm: horizontal | vertical</span>
<span class="comment"># position: top / middle / bottom + Left / Center / Right</span>
<span class="comment"># networks:</span>
<span class="comment"># Weibo | Wechat | Douban | QQZone | Twitter | Facebook | Linkedin | Mailto | Reddit | Delicious | StumbleUpon | Pinterest</span>
<span class="comment"># GooglePlus | Tumblr | GoogleBookmarks | Newsvine | Evernote | Friendfeed | Vkontakte | Odnoklassniki | Mailru</span>
<span class="attr">needmoreshare:</span>
<span class="attr">  enable:</span> <span class="literal">true</span>
<span class="attr">  cdn:</span>
<span class="attr">    js:</span> <span class="string">//cdn.jsdelivr.net/gh/theme-next/theme-next-needmoreshare2@1/needsharebutton.min.js</span>
<span class="attr">    css:</span> <span class="string">//cdn.jsdelivr.net/gh/theme-next/theme-next-needmoreshare2@1/needsharebutton.min.css</span>
<span class="attr">  postbottom:</span>
<span class="attr">    enable:</span> <span class="literal">true</span>
<span class="attr">    options:</span>
<span class="attr">      iconStyle:</span> <span class="string">box</span>
<span class="attr">      boxForm:</span> <span class="string">horizontal</span>
<span class="attr">      position:</span> <span class="string">bottomCenter</span>
<span class="attr">      networks:</span> <span class="string">Weibo,Wechat,Douban,QQZone,Twitter,Facebook</span>
<span class="attr">  float:</span>
<span class="attr">    enable:</span> <span class="literal">false</span>
<span class="attr">    options:</span>
<span class="attr">      iconStyle:</span> <span class="string">box</span>
<span class="attr">      boxForm:</span> <span class="string">horizontal</span>
<span class="attr">      position:</span> <span class="string">middleRight</span>
<span class="attr">      networks:</span> <span class="string">Weibo,Wechat,Douban,QQZone,Twitter,Facebook</span></code></pre>
<h4 id="Share-js"><a href="#Share-js" class="headerlink" title="Share.js"></a>Share.js</h4><pre><code class="yml"><span class="comment"># share.js</span>
<span class="comment"># See: https://github.com/overtrue/share.js</span>
<span class="comment"># networks: weibo,qq,wechat,tencent,douban,qzone,linkedin,diandian,facebook,twitter,google</span>
<span class="attr">sharejs:</span>
<span class="attr">  enable:</span> <span class="literal">true</span>
<span class="attr">  cdn:</span>
<span class="attr">    js:</span> <span class="string">//cdn.jsdelivr.net/npm/social-share.js@1/dist/js/social-share.min.js</span>
<span class="attr">    css:</span> <span class="string">//cdn.jsdelivr.net/npm/social-share.js@1/dist/js/social-share.min.css</span>
<span class="attr">  networks:</span> <span class="string">weibo,qq,wechat,tencent,douban,qzone,linkedin,diandian,facebook,twitter,google</span>
<span class="attr">  wechat_qrcode:</span>
<span class="attr">    title:</span> <span class="string">share.title</span>
<span class="attr">    prompt:</span> <span class="string">share.prompt</span></code></pre>
